<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<div class="upload">
    <!--  点击上传按钮   -->
    <form id="upload-form" enctype="multipart/form-data">
        <input type="file" id="upload" name="upload"/>
    </form>
</div>
</body>
<body>
<button type="button" onclick="callArkTSCamera()">拍照</button>
<script>
    async function callArkTSCamera() {
        let str = await functionClass.getCamera();
        document.getElementById("demo").innerHTML = str;
        console.info('ArkTS Hello World! :' + str);
    }
</script>
</body>
<body>
<button type="button" onclick="callArkTSStartAudio()">开始录音</button>
<script>
    async function callArkTSStartAudio() {
        await functionClass.startAudioRecorder();
    }
</script>
</body>
<body>
<button type="button" onclick="callArkTSEndAudio()">结束录音</button>
<script>
    async function callArkTSEndAudio() {
        let stream = await functionClass.endAudioRecorder();
    }
</script>
</body>
</html>
<style>
    body{
        width:100%;
        height:auto;
        margin:50px auto;
        text-align:center;
        background-color:#2EB3FF
    }
</style>